<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/list.css">
</head>
<body>
    <div class="header"></div>
    <!-- 中间内容 -->
    <div class="content-box">
        <div class="top-load" id="list-loading"  style="display: none;">加载中...</div>
        <div class="pro-list-content">
            <div class="pro-list-filter">
                <dl class="cat-list">
                    <dt>分类：</dt>
                    <dd><a href="">全部分类</a></dd>
                    <dd><a data-ids="">蛋糕</a></dd>
                    <dd><a data-ids="">冰淇淋</a></dd>
                    <dd><a data-ids="">咖啡下午茶</a></dd>
                    <dd><a data-ids="">常温蛋糕</a></dd>
                    <dd><a data-ids="">设计师礼品</a></dd>
                    <dd><a data-ids="">面包</a></dd>
                </dl>
                <dl class="tag-list">
                    <dt>口味：</dt>
                    <dd><a href="">全部口味</a></dd>
                    <dd><a data-ids="1">乳脂奶油</a></dd>
                    <dd><a data-ids="2">慕斯</a></dd>
                    <dd><a data-ids="3">乳酪</a></dd>
                    <dd><a data-ids="4">巧克力</a></dd>
                    <dd><a data-ids="5">坚果</a></dd>
                    <dd><a data-ids="6">水果</a></dd>
                    <dd><a data-ids="7">咖啡</a></dd>
                    <dd><a data-ids="8">冰淇淋</a></dd>
                    <dd><a data-ids="9">应季</a></dd>
                </dl>
            </div>
            <div class="pro-list-box">
                <div class="pro-list-title" id="list-title-1">
                    <h2>蛋糕<span>新鲜乳脂奶油蛋糕</span></h2>
                </div>
                <ul class="pro-list-pr">
                    <li id="list-good-1">
                        <div class="pro-list-su">
                            <a href="http://" target="_blank" class="goods-list">
                            <img src="../images/dangao1.jpg" alt="金枝" class="lazy">
                            <h3>金枝</h3>
                            <span>￥298.00/454g(1.0磅)</span>
                            </a>
                            <div class="label-entrance">
                                <a href="">春节伴手礼</a>
                            </div>
                            <a href="" class="pro-list-addcart">
                                <i></i>
                                加入购物车
                            </a>
                            <div class="label">
                                <img src="../images/xinping.png" >
                            </div>
                        </div>
                        <div class="pro-specifications"></div>
                    </li>
                    <li id="list-good-2">
                        <div class="pro-list-su">
                            <a href="http://" target="_blank" class="goods-list">
                            <img src="../images/dangao2.jpg" alt="金枝" class="lazy">
                            <h3>金枝</h3>
                            <span>￥298.00/454g(1.0磅)</span>
                            </a>
                            <div class="label-entrance">
                                <a href="">春节伴手礼</a>
                            </div>
                            <a href="" class="pro-list-addcart">
                                <i></i>
                                加入购物车
                            </a>
                            <div class="label">
                                <img src="../images/xinping.png" >
                            </div>
                        </div>
                        <div class="pro-specifications"></div>
                    </li>
                </ul>
            </div>
            <div class="pro-list-empty" style="display: none;">
                <img src="../images/loading2.jpg" alt="" >
                <span>没有</span>
            </div>
        </div>
    </div>


    <div class="footer"></div>
    <script src="../js/jquery.js"></script>
    <script>
         $('.header').load('../header.html')

       
         $('.footer').load('./footer.html')
    </script>
</body>
</html>